﻿<%@ page title="" language="C#" masterpagefile="~/master/admin.master" autoeventwireup="true" inherits="admin_profile_individual" Codebehind="profile.individual.aspx.cs" %>

<asp:content id="Content1" contentplaceholderid="head" runat="Server">
</asp:content>
<asp:content id="Content2" contentplaceholderid="bodycontent" runat="Server">
	<h1>
		<sh:nodetitleliteral runat="server" /></h1>
	<div class="greenbox">
		حفظ الملف بنجاح.
	</div>
	<section class="detailed">
		<fieldset>
			<legend>تفاصيل الفرد</legend>
			<ol class="stacklist stack">
				<li>
					<label>
						الاسم</label>
					<input type="text" class="w6" value="منى عبد الغني" />
				</li>
				<li>
					<label>
						تاريخ الميلاد</label>
					<input type="text" class="w2" data-behavior="UiDate" data-mindate="01-01-1996" data-maxdate="-1"
						value="3-1-2000" />
					<span class="greytext">9 سنوات</span> </li>
				<li class="incols">
					<label>
						الجنس</label>
					<label class="col c1">
						<input type="radio" />
						ذكر
					</label>
					<label class="col">
						<input type="radio" checked="checked" />
						انثى</label>
				</li>
				<li>
					<label>
						وصفاً عاماً (هذا مايراه الزائر عن الفرد)</label>
					<textarea class="w6 hm">يحب الرياضة ومبدع في الفن, لديه مواهب عديدة ومادته المفضلة العربية</textarea>
				</li>
				<li class="incols">
					<label>
						التصنيف</label>
					<div class="radiogroup clear">
						<label class="col c1">
							<input type="checkbox" />
							يتيم
						</label>
						<label class="col c1">
							<input type="checkbox" checked="checked" />
							طالب علم</label>
						<label class="col c1">
							<input type="checkbox" checked="checked" />
							مريض
						</label>
						<label class="col c1">
							<input type="checkbox" />
							الخ
							<%--add all types automatically--%></label>
					</div>
				</li>
			</ol>
			<div class="stack">
				<a href="#" class="btnrev">احفظ</a> <a href="#">الغِ</a> 
			</div>
		</fieldset>
		<fieldset>
			
			<legend>العائلة</legend>
			<div class="stack">
				
				<h4>عائلة حمد حمد <span class="a btn btninplace smaller">غيّر العائلة</span></h4>
				<em>الأب: أحمد (متوفى), الأم: مليحة</em>
							<div class="level"><span class="l8">8/10</span></div>
		
							<p class="small">
							دير غبار | 5 اطفال | 	
							مصدر الدخل: يشي | المعيل: الأم<%--display relationship not name--%>
							</p>
				
				<div>
					<span class="light">اخرون من نفس العائلة</span>
					<ul>
						<%--show single profiles if exist first, then order by age desc--%>
						<li><a title="view individual profile" href="profile.individual.aspx">يتيم عمره 6 سنوات</a>
						</li>
						<li>يتيمة عمرها 5 سنوات </li>
						<li>يتيم عمره 3 سنوات</li>
					</ul>
				</div>
				<p class="small">
					<a href="profile.family.aspx">ملف العائلة الكامل</a></p>
			</div>
		</fieldset>
		<div class="hidden">
		<fieldset>
		<legend>
			العائلة
		</legend>
		<div class="stack" data-behavior="RadioGroup" data-container="label">
			
			<p><label>اختر عائلة موجودة:</label>
			<input type="text" class="w6" placeholder="ابحث عن اسم الأب" />  <a href="#" class="icon isearch btnrev">ابحث</a>
			</p>
			<div class="indblock">
				<span class="light">3 نتائج:</span>
				<ul class="rowlist">
					<li>
						<label><input type="radio"  class="indelem" name="e1" /> <strong>عائلة احمد مطر</strong></label>
							<em>الأب: أحمد (متوفى), الأم: مليحة</em>
							<div class="level"><span class="l8">8/10</span></div>
		
							<p class="small">
							دير غبار | 5 اطفال | 	
							مصدر الدخل: يشي | المعيل: الأم<%--display relationship not name--%>
							</p>
					</li>
					<li>
						<label><input type="radio"  class="indelem" name="e1" /> <strong>عائلة احمد مطر</strong></label>
							<em>الأب: أحمد (متوفى), الأم: مليحة</em>
							<div class="level"><span class="l8">8/10</span></div>
		
							<p class="small">
							دير غبار | 5 اطفال | 	
							مصدر الدخل: يشي | المعيل: الأم<%--display relationship not name--%>
							</p>
					</li>
					<li>
						<label><input type="radio"  class="indelem" name="e1" /> <strong>عائلة احمد مطر</strong></label>
							<em>الأب: أحمد (متوفى), الأم: مليحة</em>
							<div class="level"><span class="l8">8/10</span></div>
		
							<p class="small">
							دير غبار | 5 اطفال | 	
							مصدر الدخل: يشي | المعيل: الأم<%--display relationship not name--%>
							</p>
					</li>
				</ul>
				
			
			<label class="selected"><input type="radio" checked="checked" class="indelem" name="e1" /> أو أضف عائلة جديدة</label>
			</div>
		</div>
	</fieldset>
	<fieldset>
		<legend>
		تفاصيل العائلة
		</legend>
		<ol class="stacklist stack">
			<li>
			<label>الاب</label>
				<input type="text" placeholder="الاسم الاول" class="w3" />
				<input type="text" placeholder="الأب" class="w2" />
				<input type="text" placeholder="الجد" class="w2" />
				<input type="text" placeholder="العائلة" class="w3" />
			</li>
			<li>
				<label><input type="checkbox"> هل الأب متوفى؟</label>
			</li>
			<li>
				<label>مكان السكن</label>
				<input type="text" class="w6" /> 
			</li>
			
		</ol>
	</fieldset>
	<fieldset>
		<legend>الوضع المادي</legend>
		<ol class="stacklist stack">
			<li>
				<label>المعيل</label>
				<input type="text" class="w3" /> 
			</li>
			<li>
				<label>ما صلة المعيل بالاطفال؟</label>
				<input type="text" class="w3" /> 
			</li>			
			<li>
				<label>الدخل الشهري</label>
				<input type="text" class="w3"> دينار
			</li>
			<li>
				<label>مصدر الدخل الشهري</label>
				<input type="text" class="w3">
			</li>
			<li>
				<label>درجة الحاجة (1 الاقل حاجة, 10 الاكثر عوزا)</label>
				<input type="range" min="1" max="10" step="1" value="5"> <%--TODO--%>
			</li>
		</ol>
	</fieldset>
	<div class="stack">
		<a href="individual" class="btnrev larger">احفظ</a>
	</div>
	</div>
	</section>
</asp:content>
